#text-area-left {
float: left;
width: 250px;
height: 300px;
}

#text-area-right {
float: left;
width: 250px;
height: 300px;
}

.bubble-text {
position: relative;
}

.text-bubble-left {
    width:200px;
    height:90px;
    float: right;
}
.text-bubble-top
{
    background-image: url('/images/bubble_top.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 20px;
}
.text-bubble-left-top-flipped
{
    background-image: url('/images/bubble_left_top_flipped.png');
    height: 40px;
}
.text-bubble-center
{
    background-image: url('/images/bubble_center.png');
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 10px;
}
.text-bubble-left-bottom
{
    background-image: url('/images/bubble_left_bottom.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 40px;
}
.text-bubble-left-bottom-flipped
{
    background-image: url('/images/bubble_left_bottom_flipped.png');
    height: 20px;
}

.text-bubble-right {
    width:200px;
    height:90px;
    float: left;
}
.text-bubble-right-bottom
{
    background-image: url('/images/bubble_right_bottom.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 40px;
}

.hyperlink 
{
    clear: both;
}

#viby-area {
float:left;
margin-top:40px;
margin-left:20px;
}

#feed-container {
float:left;
margin-top:60px;
margin-left:60px;
}

#feed-box {
width:300px;
height:200px;
border:1px solid black;
overflow-y:auto;
}

#input-box {
width:300px;
}

header {
position:absolute;
right:20px;
top:20px;}

section {
position: absolute;
left:20px;
top:40px;}

footer {
position:absolute;
left:120px;
top:350px;}
